<html>
<head>
	<title>Inline Nitrogen</title>
	<style>
		body { margin: 50 30% 50 30%; font-family: sans-serif; line-height: 1.4em; }
		#theDiv { font-size: 0.8em; }
	</style>
	<script src='/nitrogen/jquery.js' type='text/javascript' charset='utf-8'></script>
	<script src='/nitrogen/jquery-ui.js' type='text/javascript' charset='utf-8'></script>
	<script src='/nitrogen/nitrogen.js' type='text/javascript' charset='utf-8'></script>
</head>
<body>

	<h1>Inline Nitrogen</h1>
	<p>
	With Inline Nitrogen, you can now place a Nitrogen module directly
	on another web page, even a static .html page.
	
	<p>
	<b>For example:</b>

	<!-- BEGIN INLINE NITROGEN APPLICATION -->
	<div id=theDiv></div>
	<script>
		var nitrogenUrl = "/web/samples/windex";
		var nitrogenDiv = document.getElementById("theDiv"); 
		var n = Nitrogen.Inline({ windex:true, div:nitrogenDiv, url:nitrogenUrl });
	</script>
	<!-- END INLINE NITROGEN APPLICATION -->

	<p>
	Inline Nitrogen uses dynamic script tags to issue postbacks to
	your Nitrogen server. (In keeping with the cleaning supply nomenclature,
	we call this technology "Windex".)
	<p>
	For Windex to work, you must be able to add &lt;script&gt; tags to the hosting page.
	<p>
	Potential Uses:
	<ul>
		<li>Make a hosted comment system (like Disqus or Intense Debate) that doesn't use IFrames.
		<li>Add Erlang-based features to your existing Ruby/Java/C# web app.
		<li>Post a usable Nitrogen application to your blog.
	</ul>
	<p>
	View source to see how it's done!
</body>
</html>